// 单行省略号
@mixin ellipsis-line-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@mixin ellipsis-line-2 {
    overflow:hidden;
    text-overflow:ellipsis;

    /*弹性伸缩盒子模型显示*/
    display:-webkit-box;

    /*限制在一个块元素显示的文本的行数*/
    -webkit-line-clamp:2;

    /*设置或检索伸缩盒对象的子元素的排列方式*/
    -webkit-box-orient:vertical;
}

.ellipsis-line-1 {
    @include ellipsis-line-1;
}

// 2行省略号
.ellipsis-line-2 {
    @include ellipsis-line-2;
}

.f-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}
@mixin dazi{
    font-size: 100px;
}
.colorRed{
    color: red;
    @include dazi
}